<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>需求推送-上传案例</title>
		<link rel="stylesheet" type="text/css" href="../css/common/common.css"/>
		<link rel="stylesheet" type="text/css" href="../css/upload-case.css"/>
		<script type="text/javascript" src="../js/viewport.js" ></script>
	</head>
	<body>
		<nav class="site-header">
			<ul class="clearfix">
				<li class="hover-active"><a href="javascript:void(0)">投递意向</a></li>
				<li class="active"><a href="javascript:void(0)">上传案例</a></li>
				<li><a href="javascript:void(0)">投递成功</a></li>
			</ul>
		</nav>
		
		<section class="main">
			<div class="main-title">已成功投递，但<i>80%</i>的客户更偏向有<i>3</i>个以上相关案例的服务方！赶快上传案例。</div>
			<form action="" method="post">
				<div class="main-section">
					<div class="section-close"></div>
					<div class="section-item">
						<p class="item-label">案例名称</p>
						<input class="inputtext" type="text" id="" value="" placeholder="请输入案例名称" />
					</div>
					<div class="section-item">
						<p class="item-label">案例图片</p>
						<a class="upimg-btn" data-id="0">上传图片</a>
						<input type="file" data-id="0" accept="image/*" style="display: none;" />
						<p class="item-tink">建议宽840，支持格式jpg、png、jpeg</p>
						<div class="item-imglist clearfix">
							<div class="img-wrap">
								<div class="shade"></div>
								<img src="../img/img.jpg" />
							</div>
						</div>
						<div class="radio-wrap">
							<input type="checkbox" name="" id="site-permisson" value="" />
							<label class="check-text" for="site-permisson"><span class="check"></span>不公开，只允许该需求方查看。</label>
						</div>
					</div>
				</div>
				<input class="reset" type="reset" value=""/>
			</form>
			<div class="main-btn"><a class="main-addbtn">添加案例</a></div>
		</section>
		
		<footer class="footer">
			<a class="cancel-btn btn">放弃上传</a>
			<a class="confirm-btn btn">立刻上传</a>
		</footer>
	</body>
	<script type="text/javascript" src="../js/jquery-1.12.4.min.js" ></script>
	<script type="text/javascript" src="../js/common.js" ></script>
	<script type="text/javascript" src="../js/upload-case.js" ></script>
	<script>
		
		//立即上传     放弃上传
		$('.cancel-btn').click(function(){
			$('.main .reset').trigger('click');
			window.location.reload();
		});
		$('.confirm-btn').click(function(){
			var $case_name = $('.main-section');
		});
		
		
	</script>
</html>
